<!--引入库-->
<script
  type="text/javascript"
  src="/static/plugins/vue/2.6.9/vue.min.js"
></script>
<script src="/static/plugins/element-ui/2.15.8/index.min.js"></script>
<link
  rel="stylesheet"
  href="/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css"
/>

<div id="app">
  <el-pagination
    @current-change="handleCurrentChange"
    :page-size="pageSize"
    :current-page.sync="pageCur"
    layout="prev, pager, next"
    :total="contentCount"
  >
  </el-pagination>
</div>

<script>
  var app = new Vue({
      el: '#app',
      data: {
       //当前页数
       pageCur: ${(page.cur)!1},
       //每页文章条数
       pageSize: ${(page.size)!20},
       //页数总数
       pageTotal: ${(page.total)!0},
       //内容总数
       contentCount: ${(page.rcount)!0}
      },
      methods: {
       handleCurrentChange:function(val) {
          // 没有使用短链接的方式分页
           if (val == 1) { //首页
               location.href = "{ms:global.html/}${field.categoryPath}/index.html";
           } else { //其他页面 list-页码.html
               location.href = "{ms:global.html/}${field.categoryPath}/list-" + val + ".html";
          }

          //使用了短链接的分页方式，在政务版开启短链或使用短链插件时用此方法分页
          // if (val == 1) { //首页
          //     location.href = "{ms:global.html/}${field.categoryPinyin}.html";
          // } else { //其他页面 list-页码.html
          //     location.href = "{ms:global.html/}${field.categoryPinyin}-" + val + ".html";
          // }
       }
      }
  })
</script>
